<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>标签语义</title>
</head>
<body>
     <!-- 标题标签 h1-h6 重要性依次递减-->
    <h1>一级标题</h1>
    <h6>六级标题</h6>
    <!-- 特点: 
        1.加了标题的文字会变得加粗, 字号也会依次变
        2.一个标题独占一行.
    -->
    <h1>标题一共六级选</h1>
    <h2>文字加粗一行显</h2>
    <h3>由大到小依次减</h3>
    <h4>从重到轻随之变</h4>
    <h5>语法规范书写后</h5>
    <h6>具体效果刷新见</h6>

    <!-- 段落标签用于定义段落 -->
    <p>
        p: paragraph单词的缩写, 将文字以段落的形式显示, 使用p标签可以将HTML文档分割为若干个段落
    </p> 
    <!-- br标签用于换行, 放在一个<>中 -->
    <p>
        使用换行标签可以将<br/>文字<br/>强制换行
    </p>
    <!-- strong标签用于字体加粗, 表示语义更强烈 -->
    <strong>你这个该死的帅哥</strong> <br>
    <b>b标签也可以实现加粗</b> <br> <br>
    <!-- em标签用于字体倾斜 -->
    <em>看看! 是不是斜了</em> <br>
    <i>i标签也可以实现标签倾斜</i> <br> <br>
    <!-- del标签显示删除线 -->
    <del>这句话不合适, 删除</del> <br>
    <s>s标签也可以实现删除线</s> <br> <br>
    <!-- ins标签显示下划线 -->
    <ins>出现下划线----------------</ins> <br>
    <u>u标签也可以实现下划线</u> <br><br>
    <p>
        strong, em, del, ins  与 b, i, s, u 标签使用具有相同的效果, 从语义上讲更加的强调, 语气更加强烈一些
    </p>

    <!-- 
    没有语义的标签
    div 标签用来布局, 但是现在一行能放一个div, 是一个大盒子
    span 标签用来布局, 一行可以放入多个span标签, 是一个小盒子
    -->
    <div>
        div 标签是没有语义的就是一个盒子 
        用来装入内容的. 单独占一行
    </div>

    <span>
        span 标签意为跨度, 跨距
    </span>
    <hr>
 
      
</body>
</html>